<template>
    <div class="container">
        <my-terminal :msg="msg" :username="username" :password="password"></my-terminal>
    </div>
</template>

<script>
import App from '@/views/term/index'

export default {
    name: 'WebSSH',
    data () {
        return {
            msg: "",
            username: "asad",
            password: "qqq"
        }
    },
    components: {
        'my-terminal': App
    },
    methods: {
        getParams() {
            // let routerParams = this.$route.params.dataObj
            this.msg = this.$route.params.dataObj
            this.username = this.$route.params.username,
            this.password = this.$route.params.password
        }
    },
    created() {
        this.getParams()
        console.log("#################"+this.$route.params.username)
        console.log("#################"+this.$route.params.password)
        console.log("#################"+this.username)
        console.log("#################"+this.password)
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>